<template>
  <div class="module-box">
    <div style="flex: 0 1 50%">
      <dv-border-box-8 style="width: 100%; height: 200px">
        <LineChart :typeChart="typeCharts" />
      </dv-border-box-8>
    </div>
    <div style="flex: 0 1 25%">
      <dv-border-box-9 style="width: 100%; height: 200px">
        dv-border-box-3
      </dv-border-box-9>
    </div>
    <div style="flex: 0 1 25%">
      <dv-border-box-10 style="width: 100%; height: 200px">
        dv-border-box-
      </dv-border-box-10>
    </div>
  </div>
</template>
<script>
import LineChart from './lineChart.vue' //折线图
export default {
  components: { LineChart },
  name: 'mainFooter',
  data() {
    return {
      typeCharts: 'line',
    }
  },
}
</script>
